<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="./css/group_win.css">
    <title>极速拼团</title>
    <style type="text/css">
    	.group-win-list li i{
    		font-style: normal;
    	}
    </style>
</head>

<body>
	<div class="header navigationBar group-header">
    	<div class="wrapper">
        	<span id="btn-back-new" class="header-btn left-btn backtrack"></span>
        	<span class="title">拼团发起成功</span>
    	</div>
	</div>

  <div class="group-box">
    <!-- 发起拼团 -->
  	<div class="container top-container" v-if="isMaster">
  		<div class="group-win-time">
  			剩余<span v-html="timeList[0] || 0"></span><span v-html="timeList[1] || 0"></span> :
  			<span v-html="timeList[2] || 0"></span><span v-html="timeList[3] || 0"></span> :
  			<span v-html="timeList[4] || 0"></span><span v-html="timeList[5] || 0"></span> . <span v-html="timeMs || 0"></span>
  		</div>
  		<div class="group-win-btn">
  			<h2>还差<span v-text="groupInfo.less_people"></span>人，赶快邀请好友来拼团</h2>
  			<a href="javascript:void(0);" @click="inviteFriend">邀请好友拼团</a>
  			<a href="javascript:void(0);" @click="backHome">返回商城首页</a>
  		</div>
  		<ul class="group-win-list">
  			<li>
  				<div v-for="item in groupInfo.list">
  					<img :src="item.avater"/>
  					<span v-if="item.is_leader">团主</span>
  				</div>
  			</li>
  			<li>
  				<span>商品名称</span><i v-html="groupInfo.name"></i>
  			</li>
  			<li>
  				<span>商品型号</span><i v-html="groupInfo.option_name"></i>
  			</li>
  		</ul>
  	</div>

    <!-- 加入拼团 -->
    <div class="container top-container" v-if="!isMaster" v-cloak>
      <div class="group-succeed-txt">
        <img src="../../../image/shop/buy/buy-65.png"/>
        <h2>拼团成功</h2>
        <p>商家正在努力发货，请耐心等待</p>
      </div>
      <ul class="group-succeed-list">
        <li v-for="item in groupInfo.list">
          <img :src="item.avater"/>
          <span v-if="item.is_leader">团主</span>
        </li>
      </ul>
      <div class="group-succeed-btn">
        <a href="javascript:void(0);" @click="backHome">回到首页逛一逛</a>
        <p @click="toOrderDetail">查看订单详情 >></p>
      </div>
    </div>

    <div class="dio-mask" v-show="showDio" v-cloak @touchmove.prevent></div>
    <div class="dio" v-show="showDio" v-cloak>
      <p class="dio-title">还差<span v-text="groupInfo.less_people"></span>人,赶紧邀请好友来拼团吧</p>
      <p>拼团已发起，人满后立即发货</p>
      <div class="dio-content">
        <div @click="sharToWx(1)">
          <img src="../../../image/shop/buy/buy-63.png" alt="">
          <span>微信好友</span>
        </div>
        <div @click="sharToWx(2)">
          <img src="../../../image/shop/buy/buy-64.png" alt="">
          <span>朋友圈</span>
        </div>
      </div>
      <div class="dio-close" @click="closeDio">
        <img src="../../../image/shop/close.png" alt="">
      </div>
    </div>
  </div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/groupWin.js"></script>
</html>
